<template>
  <div class="NavBar">
    <div class="left">
      <div class="try">
        <img
          class="ceyice"
          :src="require('../../../public/images/index/ceyice.png')"
          alt=""
        />
      </div>
      <div class="test-t">测一测</div>
    </div>
    <div class="set">
      <img
        class="set_icon"
        :src="require('../../../public/images/mine/set.png')"
        alt=""
      />
    </div>
  </div>
</template>
<style lang="less" scoped>
.NavBar {
  width: 100%;
  padding: 0 15px;
  margin-top: 33.5px;
  padding-bottom: 17.5px;
  border-bottom: 1px #f1f1f1 solid;
  display: flex;
  justify-content: space-between;
  position: relative;
  .ceyice {
    width: 20px;
    height: 20px;
  }
  .set_icon {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 2px;
    right: 15px;
  }
  .left {
    display: flex;
    .try {
      img {
        display: block;
        width: 100%;
        height: 100%;
      }
      margin-right: 6px;
      height: 23.5px;
      width: 23px;
    }
    .test-t {
      color: #000000;
      font-size: 16px;
      font-family: PingFang-SC-Regular;
    }
  }
  .set {
    font-size: 10.5px;
  }
}
</style>
